<template lang="jade">
    .cell_column.weui_panel_bd
        .weui_media_box.weui_media_small_appmsg
            a.weui_cell.weui_cells_access(v-bind:href="columnData.href")
                .column_title.weui_cell_bd.weui_cell_primary(v-bind:class="columnData.icon")
                    p {{columnData.title}}
                span.column_left.weui_cell_ft {{columnData.leftEle}}

</template>
<script>

/*global $*/
import Vue from 'Vue';
export default {
  methods: {},
  computed: {},
  props: ['columnData'],
  watch: {},
  components: {},
  events: {},
  data() {
    return {
    }
  },
  created() {
  },
  mounted() {}
}
</script>
<style scoped>
.column_title {
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 2rem;
    font-size: 0.9rem;
    color: #000;
}

.column_left {
    font-size: 0.8rem;
}

.icon-01 {
    background-image: url("../../../../assets/icon-01.png");
}

.icon-02 {
    background-image: url("../../../../assets/icon-02.png");
}

.icon-03 {
    background-image: url("../../../../assets/icon-03.png");
}

.icon-04 {
    background-image: url("../../../../assets/icon-04.png");
}

</style>
